<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="icon" type="image/png" sizes="16x16" href="../../static/icons/favicon.svg">
    <script src="../../static/user/js/register.js"></script>
    <link href="../../static/user/css/login.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="../../static/jQuery.js"></script>
</head>
<body>

<!-- main -->
<div class="main-w3layouts wrapper">
    <div class="main-agileinfo">
        <div class="agileits-top">
            <form id="register-form" method="post" action="/register">
                {% with messages = get_flashed_messages(with_categories=true) %}
                {% if messages %}
                {% for category, message in messages %}
                <div class="alert alert-{{ category }}" style="color: red">
                    {{ message }}
                </div>
                {% endfor %}
                {% endif %}
                {% endwith %}
                <input class="text" type="text" name="username" placeholder="用户名" required="">
                <input class="text" type="password" name="password" placeholder="密码" required="">
                <input type="submit" value="注册" id="register-btn">
            </form>
            <p>已有账号? <a href="{{ url_for('user.login') }}"> 立即登录!</a></p>
        </div>
    </div>
    <ul class="w3lsg-bubbles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<!-- //main -->

</body>
</html>